<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Choisis ton camp !</title>

    <!-- Bootstrap Core CSS -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="./css/stylish-portfolio.css" rel="stylesheet">
    <link href="./css/don1.css" rel="stylesheet">
    <link href="./css/don2.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
    
    
    
    <!-- Header -->
    <header id="top" class="header">
       <div class="text-vertical-center persoA">
        <div class="jumbotron">
        <h1><FONT color="#5bc0de">Faites vos dons</FONT></h1> 
        
        </div>
          
     <br>
     <br>
	<h3> <FONT face="fantasy" color="#E0F8F7"><p>Nous avons besoin de vous ! </p>
	<p>un petit pas pour vous... </p>
	<p>un grand pas pour les réfugiés !</p></FONT></h3>
 	<br>
 	<br>
 	<br>
 	<br>
    <p>
      </p><div class="input-group col-md-4 col-md-push-4 persoB">
          <span class="input-group-btn">
              <button type="button" class="btn btn-danger btn-number"  data-type="minus" data-field="quant[2]">
                <span class="glyphicon glyphicon-minus"></span>
              </button>
          </span>
          
          <input type="text" name="quant[2]" class="form-control input-number" value="10" min="1" max="100">
          
          <span class="input-group-btn">
              <button type="button" class="btn btn-success btn-number" data-type="plus" data-field="quant[2]">
                  <span class="glyphicon glyphicon-plus"></span>
              </button>
          </span>
          
      </div>
	<p></p>
	<br>
	<br>
	<br>
 	<br>
	<div class="container">
	<div class="row">

       
        
        <!-- Indicates a successful or positive action -->
        <button type="button" class="btn btn-info btn-lg btn3d"><span class="glyphicon glyphicon-heart-empty "></span>   Donner nous votre argent !</button>
     <br>
	<br>
	<br>
 	<br>   
      
	</div>
</div>

        </div>
        <!-- jQuery -->
    <script src="./js/jquery.js"></script>

    <script src="./js/bootstrap.min.js"></script>
  <script src="./js/don1.js"></script>
    <!-- Bootstrap Core JavaScript -->
    </header>